<template>
  <div class="card_wrap">
    <card-list></card-list>
    <line-chart class="line-height"/>
    <source-article></source-article>
    <playPercent />
    <articlePlayCompare />
  </div>
</template>
<script>
import CardList from './materials/cardList.vue'
import LineChart from './materials/lineChart.vue'
import SourceArticle from './materials/sourceArticle'
import playPercent from './materials/playPercent'
import articlePlayCompare from './materials/articlePlayCompare'
export default  {
  data () {
    return {}
  },
  components: {
    CardList,
    LineChart,
    SourceArticle,
    playPercent,
    articlePlayCompare
  }
}
</script>
<style lang="scss" scoped>
.line-height {
  /deep/ .chart{
    height: 230px;
  }
  /deep/.basic-container_wrap{
    height: 100%;
  }
}
</style>